

<template>
  <el-tabs v-model="activeName" v-bind="$attrs">
    <el-tab-pane v-for="item in currentItem.tabsList" :label="item.label" :name="item.name">
      <preview-render-item  :currentItem="it" v-for="(it,i) in item.layouts" :key="i"></preview-render-item>
    </el-tab-pane>
  </el-tabs>
</template>
<script>

import CommonRender from "./commonRender";
export default {
  name:"RenderTabs",
  mixins:[CommonRender],

  data(){
    let activeName = '';
    if(this.currentItem.tabsList.length){
      activeName = this.currentItem.tabsList[0].name
    }
    return {
      activeName,
    }
  }
}
</script>
<style scoped lang="scss">

</style>
